<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>
<script type="text/javascript">
  export default {
    //进入该组件时被调用

    // 在渲染该组件的对应路由被验证前调用
    // 不能获取组件实例 `this` ！
    // 因为当守卫执行时，组件实例还没被创建！
    beforeRouteEnter(to, from, next) {
      console.log("beforeRouteEnter")
      console.log(to)
      console.log(from)
      next(); //放行
    },

    beforeRouteUpdate(to, from, next) {

    },
    //离开该组件时被调用
    beforeRouteLeave(to, from, next) {
      console.log("beforeRouteLeave")
      console.log(to)
      console.log(from)
    },
  }
</script>
